.task-process-steps {
  .el-step__description {
    position: relative;
  }
  .el-step {
    i {
      font-size: $font-size-base;
    }
  }
  .el-step__icon {
    height: 32px !important;
    width: 32px !important;
  }
  .el-step.is-horizontal .el-step__line {
    top: 16px !important;
  }
  .el-steps {
    .el-step:nth-last-of-type(1) {
      .task-step-flow-approve,
      .task-step-flow-overtime {
        width: auto;
        top: -6px;
        // TIP: bug#13859
        &+.task-step-flow-overtime{
          // top: 10px;
          left: -90px;
        }
      }
    }
  }
}
.task-step-flow {
  & > div {
    width: calc(100% - 32px);
    @include text-ellipsis();
    text-align: center;
  }
  &-approve {
    position: absolute;
    right: 0;
    top: -45px;
  }
  &-overtime {
    position: absolute;
    right: 0px;
    top: -68px;
  }
}